import { Popover } from "@arco-design/web-vue";
import { IconAt } from "@arco-design/web-vue/es/icon";
import { defineComponent } from "vue";
import EntityPopover from "./EntityPopover";

export default defineComponent({
  name: 'EntityLabel',
  props: {
    data: {
      type: Object,
    }
  },
  setup(props) {
    return () => {
      return (
        <Popover title="" position="right" v-slots={{
          content: () => (
            <EntityPopover data={props.data} />
          ),
        }}>
          <div class="entityPop-divider-center">
            <IconAt></IconAt>
            关联
          </div>
        </Popover>
      )
    }
  }
})
